<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <title>Mitagen HTML5 Template</title>

    <link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">

    <!-- stylesheets -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@300;400;500;600&display=swap">
    <link rel="stylesheet" href="assets/css/flaticon.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/custom-animation.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/bootstrap-v4.1.3.min.css">
    <link rel="stylesheet" href="assets/css/spacing.min.css">
    <link rel="stylesheet" href="assets/css/mainmenu.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">

</head>

<body>

    <div class="page-wrapper">

        <!-- Preloader -->
        <div class="preloader"></div>

        <!--==================================================================== 
                            Start header area
    =====================================================================-->

        <header class="main-header">

            <!--Header-Upper-->
            <div class="header-upper">
                <div class="container-fluid clearfix">

                    <div class="header-inner clearfix">
                        <div class="logo-outer">
                            <div class="logo"><a href="index.html"><img src="assets/img/logo.png" alt="" title=""></a></div>
                        </div>

                        <!-- Main Menu -->
                        <nav class="main-menu navbar-expand-lg ml-md-auto">
                            <div class="navbar-header clearfix">
                                <div class="logo"><a href="index.html"><img src="assets/img/logo.png" alt="" title=""></a></div>
                                <!-- Toggle Button -->
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-one">
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>

                            <div class="navbar-collapse navbar-collapse-one collapse clearfix">
                                <ul class="navigation clearfix">
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="about.html">About</a></li>
                                    <li class="current"><a href="services.html">services</a></li>
                                    <li class="dropdown"><a href="#">pages</a>
                                        <ul>
                                            <li><a href="gallery.html">Gallery</a></li>
                                            <li><a href="pricing.html">Pricing</a></li>
                                            <li><a href="team.html">Team</a></li>
                                            <li><a href="404.html">404</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown"><a href="#">blog</a>
                                        <ul>
                                            <li><a href="blog-grid.html">Blog Grid</a></li>
                                            <li><a href="blog-classic.html">Blog Classic</a></li>
                                            <li><a href="blog-details.html">Blog Details</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">contact</a></li>
                                </ul>
                            </div>
                        </nav>
                        <!-- Main Menu End-->

                        <!-- Menu buttons-->
                        <div class="menu-button ml-55">
                            <a href="#" class="theme-btn">Start Project</a>
                        </div>
                    </div>

                </div>
            </div>
            <!--End Header Upper-->

        </header>

        <!--==================================================================== 
                            End header area
    =====================================================================-->


        <!--==================================================================== 
            Start Banner Section
        =====================================================================-->
        <section class="banner-section rel">
            <div class="container">
                <h2 class="page-title">Services</h2>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Services</li>
                    </ol>
                </nav>
                
                
                <div class="shape shapeAnimationOne l-10 t-60">
                    <img src="assets/img/shapes/shape1.png" alt="Shape">
                </div>
                <div class="shape shapeAnimationTwo l-70 t-60">
                    <img src="assets/img/shapes/shape2.png" alt="Shape">
                </div>
                <div class="shape shapeAnimationThree l-50 t-100">
                    <img src="assets/img/shapes/shape3.png" alt="Shape">
                </div>
            </div>
        </section>
        <!--==================================================================== 
							End banner section
	=====================================================================-->


		
    <!--==================================================================== 
							Start Services Page Section One
	=====================================================================-->
        <section class="sps-one pt-120 mb-70 rmb-100">
           
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 order-lg-2">
                        <div class="service-right-content mt-50 ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
                            <div class="section-title style-three mb-15">
                                <span class="sub-title">Ui/UX Design</span>
                                <h3>We Offer UX/UI Design Services</h3>
                            </div>
                            <p>Consectetur adipisicing elitsed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla paria tur. <br>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="service-left-image wow customFadeInLeft delay-0-1s slow">
                            <img src="assets/img/services/s1.png" alt="Service image">
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <!--==================================================================== 
							End Services Page Section One
	=====================================================================-->
	

		
    <!--==================================================================== 
							Start Services Page Section Two
	=====================================================================-->
        <section class="sps-two mb-50 rmb-100">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">
                            <div class="section-title style-three mb-15">
                                <span class="sub-title">Web Development</span>
                                <h3>We Provide Quality Web Development Service at Low Cost</h3>
                            </div>
                            <p>Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. </p>
                            <p>Congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis.</p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="service-right-image wow customFadeInRight delay-0-1s slow">
                            <img src="assets/img/services/s2.png" alt="Service image">
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <!--==================================================================== 
							End Services Page Section Two
	=====================================================================-->
	

		
    <!--==================================================================== 
							Start Services Page Section Three
	=====================================================================-->
        <section class="sps-three mb-50 rmb-100">
           
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 order-lg-2">
                        <div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
                            <div class="section-title style-three mb-15">
                                <span class="sub-title">Apps Development</span>
                                <h3>We Have a Huge Reputation in Mobile Apps Development</h3>
                            </div>
                            <p>Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. <br>
                            Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique.</p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="service-left-image wow customFadeInLeft delay-0-1s slow">
                            <img src="assets/img/services/s3.png" alt="Service image">
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <!--==================================================================== 
							End Services Page Section Three
	=====================================================================-->
	

		
    <!--==================================================================== 
							Start Services Page Section Four
	=====================================================================-->
        <section class="sps-four mb-75 rmb-100">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">
                            <div class="section-title style-three mb-15">
                                <span class="sub-title">Marketing</span>
                                <h3>We Have Skilled Manpower in Online Marketing</h3>
                            </div>
                            <p>Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. </p>
                            <p>Congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis.</p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="service-right-image wow customFadeInRight delay-0-1s slow">
                            <img src="assets/img/services/s4.png" alt="Service image">
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <!--==================================================================== 
							End Services Page Section Four
	=====================================================================-->
	


		
    <!--==================================================================== 
							Start Services Page Section Five
	=====================================================================-->
        <section class="sps-five mb-150 rmb-50">
           
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 order-lg-2">
                        <div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
                            <div class="section-title style-three mb-15">
                                <span class="sub-title">Content Writing</span>
                                <h3>There Are Also Experienced Content Writers</h3>
                            </div>
                            <p>Consectetur adipisicing elitsed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla paria tur.</p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="service-left-image wow customFadeInLeft delay-0-1s slow">
                            <img src="assets/img/services/s5.png" alt="Service image">
                        </div>
                    </div>
                </div>
            </div>
        </section>
    <!--==================================================================== 
							End Services Page Section Five
	=====================================================================-->
	

        <!--==================================================================== 
                            Start Call For Action section
    =====================================================================-->
       <section class="call-for-action text-center">
           <div class="container">
               <div class="call-action-content">
                   <h2>Have any question about us?</h2>
                   <p> Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat.</p>
                   <a href="contant.html" class="theme-btn">Please Contact</a>
               </div>
           </div>
       </section>
        <!--==================================================================== 
							End Call For Action section
	=====================================================================-->



        <!--==================================================================== 
                            Start footer section
    =====================================================================-->
        <footer class="footer-section mt-125 pt-100">
            <div class="container">

                <div class="row">

                    <!--big column-->
                    <div class="col-lg-7">
                        <div class="row">

                            <!--Footer Column-->
                            <div class="col-sm-7">
                                <div class="footer-widget logo-widget mr-35">
                                    <div class="footer-logo"><a href="index.html"><img src="assets/img/logo.png" alt="logo"></a></div>
                                    <div class="widget-content">
                                        <div class="text">
                                            <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                        </div>
                                        <div class="footer-social-icon mt-35">
                                            <div class="social-link-icon">
                                                <a href="#"><i class="fa fa-facebook-f"></i></a>
                                                <a href="#"><i class="fa fa-twitter"></i></a>
                                                <a href="#"><i class="fa fa-skype"></i></a>
                                                <a href="#"><i class="fa fa-instagram"></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--Footer Column-->
                            <div class="col-sm-5">
                                <div class="footer-widget links-widget">
                                    <h4 class="footer-title">Usefull Links</h4>
                                    <div class="widget-content">
                                        <ul>
                                            <li><a href="#">About Us</a></li>
                                            <li><a href="#">Services</a></li>
                                            <li><a href="#">Project</a></li>
                                            <li><a href="#">Blog</a></li>
                                            <li><a href="#">Contact</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--big column-->
                    <div class="col-lg-5">
                        <div class="row">

                            <!--Footer Column-->
                            <div class="col-sm-5">
                                <div class="footer-widget links-widget">
                                    <h4 class="footer-title">Services</h4>
                                    <div class="widget-content">
                                        <ul>
                                            <li><a href="#">Search Optimization</a></li>
                                            <li><a href="#">Wireframing Task</a></li>
                                            <li><a href="#">Market Analysis</a></li>
                                            <li><a href="#">Web Development</a></li>
                                            <li><a href="#">Web Design</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <!--Footer Column-->
                            <div class="col-sm-7">
                                <div class="footer-widget info-widget">
                                    <h4 class="footer-title">Contact</h4>
                                    <div class="office-info">
                                        <ul>
                                            <li><i class="flaticon-home"></i>1301 Hoffman Avenue, Brooklyn New York, <br>NY-11206</li>
                                            <li><i class="flaticon-telephone"></i>+1 (012) 345-6789 <br>
                                            +1 (123) 456-7899</li>
                                            <li><i class="flaticon-email"></i>info@yourmail.com</li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!--Copyright-->
            <div class="footer-bottom">
                <div class="copyright">Copyright @2020 M_Themes All rights reserved</div>
            </div>

        </footer>


        <!--==================================================================== 
                            End footer section
    =====================================================================-->

        <!-- Scroll Top Button -->
        <button class="scroll-top scroll-to-target" data-target="html">
            <span class="fa fa-angle-up"></span>
        </button>

    </div>



    <!--====================================================================
                            Include All Js File 
     ====================================================================-->
    <!-- All Plugins -->
    <script src="assets/js/jquery-3.3.1.min.js"></script>
    <script src="assets/js/bootstrap-v4.1.3.min.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/jquery.countTo.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/slick.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/appear.js"></script>
    <script src="assets/js/main.js"></script>

</body>

</html>
